<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<include file="Public:meta" />
<style>
.tab-menu{width:99%; margin-left:5px; }
.tab-menu ul { margin-left: 10px; height: 27px; padding-top:8px; }
.tab-menu li { float:left; }
.tab-menu li a { height:27px; line-height:27px; float:left; padding-left:10px; text-decoration:none; display:block; font-size: 14px; }
.tab-menu li a span { height:27px; display:block; font-size:14px; padding-right:10px; float:left; cursor:pointer; text-decoration: none; line-height: 27px; }
.tab-menu li a span.ico_arrow { background:url(images/ico_arrow.gif) no-repeat right center; padding-right:15px; }
.tab-menu li a:hover { background-position:left top; text-decoration: none; }
.tab-menu li a:hover span { cursor:pointer; display:block; height:27px; text-decoration: none; }
.tab-menu li a.on, .tab-menu li a.on:hover { display:block; height:27px; text-decoration: none; background: #D2DBEA url(images/tab_menu.gif) no-repeat 0 0; }
.tab-menu li a.on span, .tab-menu li a.on:hover span { cursor:pointer; line-height:27px; height:27px; display:block; font-weight: bold; background-color: #D2DBEA;} 
</style>
</head>

<body>

<div class="tab-menu">
  <ul>
    <li><a class="feed_item" href="#"><span>收件箱</span></a></li>
    <li><a class="feed_item" href="#"><span>发件箱</span></a></li>
    <li><a class="feed_item on" href="#"><span>系统通知</span></a></li>
    <li><a class="feed_item" href="#"><span>应用消息</span></a></li>
  </ul>
</div>
</body>
</html>